<!DOCTYPE html>
<!-- 告诉浏览器下面的代码用html5语法 -->
<html>
	<head>
		<meta charset="utf-8" />
		<!-- utf-8编码集：万国码 -->
		<title>页面</title>
	</head>
	<body>
		<!-- html   属性和属性值 【所有元素存在，元素和属性捆绑】 
		            功能：做效果
		 -->
		<p align="center">lorem</p>
		<!-- css   做样式 【效果】   针对全局
		 前端：内容与表现分离  【html做结构，css做样式】
		 能使用css ，不要用html元素中属性和属性值
		 css3引入方式：四种   ：①内部样式表---项目专用，代码量低
		                        ②外部样式表---项目专用，代码量高
								③内联样式表---基本不用代码
								④引入样式表---根本不用，css2引入方式
								缺点 ：先内容后年表现
		 -->
		<p>lorem1</p>
	</body>
</html>
